body,
html {
    width: 100%;
    height: 100%;
}

body {
    min-width: 1200px;
}

#app {
    width: 100%;
    height: 100%;
    min-height: 675px;
    background: url('../img/login-bg.png') no-repeat center center;
    background-size: 100% 100%;
}

.input-wrap {
    width: 50%;
    height: 100%;
    float: right;
}

.login-name {
    margin-bottom: 45px;
}

.input {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 40px;
}

.input>input {
    width: 300px;
    padding: 5px;
}

.login {
    margin-top: 40px;
}

.login>button {
    width: 100%;
    padding: 14px 0;
    color: white;
    border-radius: 40px;
    background: -webkit-linear-gradient(left, #3A1DE9, #7000E3);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #3A1DE9, #7000E3);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #3A1DE9, #7000E3);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #3A1DE9, #7000E3);
    /* 标准的语法 */
}

.forget {
    margin-top: 50px;
}

.forget>button {
    padding: 6px 0;
    font-size: 14px;
    color: #3A1DE9;
    border: 1px solid rgba(58, 29, 233, 0.49);
    background: #ECE9FF;
    border-radius: 40px;
}

.forget>button:first-of-type {
    flex: 7 7 0;
    width: 100%;
}

.forget>button:last-of-type {
    margin-left: 20px;
    flex: 3 3 0;
    width: 100%;
    border: 1px solid #999999;
    color: #999999;
    background: white;
}